<!doctype html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <style>
    #background 
    { 
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: hsl(0, 0%, 40%); 
        display:none\8;
    } 
    #background .bg-photo 
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        overflow: hidden;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    } 

    #background .bg-photo-1 
    { 
        background: url("/api/down/bingp") no-repeat center center;
    } 

    #background-ie { 
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: hsl(0, 0%, 40%);
    }

    </style>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/mdui.min.css') }}">
    <title>Home</title>
  </head>
  <body class="mdui-theme-accent-white mdui-theme-primary-white mdui-theme-layout-auto">

    <div id="background">
        <div class="bg-photo bg-photo-1" style="display: block;"></div>
    </div>

    <div class="mdui-toolbar mdui-p-l-1">
      <div id="he-plugin-simple"></div>
      <div class="mdui-toolbar-spacer"></div>
      {% if data.account.uid == None %}
      <button class="mdui-btn mdui-btn-dense mdui-btn-icon mdui-text-color-white mdui-ripple"><i class="mdui-icon material-icons">insert_link</i></button>
      {% else %}
      <img class="mdui-img-circle" style="width: 28px; height: 28px;" src="http://q1.qlogo.cn/g?b=qq&nk={{data.account.head}}&s=640"/>
      {% endif %}
      <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon mdui-ripple mdui-text-color-white material-icons">apps</i></a>
    </div>

    <div class="mdui-container">
      <div class="mdui-card mdui-center" style="border-radius:25px;height:50px;max-width:600px;margin-top:20%;">
        <div class="mdui-toolbar" style="height: 50px;">
          <a style="width: 32px;"><i style="width: 28px;" id="icon" class="mdui-icon mdui-text-color-grey material-icons">search</i></a>
          <input id="ct" oninput="Conten();" class="mdui-m-x-0" type="text" style="font-size:16px;width:100%;height:30px;outline:none;border:0;">
          <button class="mdui-btn mdui-btn-dense mdui-btn-icon mdui-ripple mdui-valign mdui-m-x-0">
            <svg class="mdui-center" style="height:24px;width:24px;" viewBox="0 0 20 20"><g fill="none"><path d="M4.5 3A1.5 1.5 0 0 0 3 4.5v2a.5.5 0 0 1-1 0v-2A2.5 2.5 0 0 1 4.5 2h2a.5.5 0 0 1 0 1h-2zm11 14a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 1 1 0v2a2.5 2.5 0 0 1-2.5 2.5h-2a.5.5 0 0 1 0-1h2zM17 4.5A1.5 1.5 0 0 0 15.5 3h-2a.5.5 0 0 1 0-1h2A2.5 2.5 0 0 1 18 4.5v2a.5.5 0 0 1-1 0v-2zM4.5 17A1.5 1.5 0 0 1 3 15.5v-2a.5.5 0 0 0-1 0v2A2.5 2.5 0 0 0 4.5 18h2a.5.5 0 0 0 0-1h-2zm6.733-10.097a1.5 1.5 0 0 0-2.466 0l-2.592 3.743C5.487 11.641 6.2 13 7.41 13h5.183c1.21 0 1.921-1.359 1.233-2.354l-2.592-3.743zm-1.644.57a.5.5 0 0 1 .822 0l2.592 3.742a.5.5 0 0 1-.412.785H7.41a.5.5 0 0 1-.412-.785L9.59 7.472z" fill="currentColor"></path></g></svg>
          </button>
        </div>
      </div>
    </div>


    <script>
      WIDGET = {
        "CONFIG": {
          "modules": "024",
          "background": "5",
          "tmpColor": "FFFFFF",
          "tmpSize": "16",
          "cityColor": "FFFFFF",
          "citySize": "16",
          "aqiColor": "FFFFFF",
          "aqiSize": "16",
          "weatherIconSize": "24",
          "alertIconSize": "18",
          "padding": "0px 0px 0px 0px",
          "shadow": "0",
          "language": "auto",
          "borderRadius": "10",
          "fixed": "false",
          "vertical": "top",
          "horizontal": "left",
          "key": "f13568939fb34ec7a3f62c238ef4b2d8"
        }
      }
      function Conten() {
        var ct = document.getElementById('ct');
        var text = ct.value;
        console.log(text);
        if (text == ">cd"){
          document.getElementById('icon').innerText = "code";
          ct.value = "";
        }
        if (text == ">sc"){
          document.getElementById('icon').innerText = "search";
          ct.value = "";
        }
      }
      </script>
    <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
    <script src="{{ url_for('static', filename='js/mdui.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/cookie.js') }}"></script>
  </body>
</html>